<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>网页列表页</title>
    <link rel="stylesheet" href="../web_p2/_reset.css">
    <link rel="stylesheet" href="./common.css">
    <link rel="stylesheet" href="./indexp2.css">
</head>
<body>
    <div class="web">
          <!-- 公共部分 -->
          <header>
            <div class="logo header"></div>
            <div class="subnav header"></div>
            <div class="nav header">
              <p>
                <a href="">首页</a>
                <a href="">音响</a>
                <a href="">家庭系统</a> 
                <a href="">商业系统</a> 
                <a href="">客户服务</a> 
                <a href="">产品与科技</a> 
                <a href="">工程案例</a> 
                <a href="">资讯</a> 
              </p>
            </div>
          </header>
        <!-- 主体部分 -->
    
        <div class="main">
           
            <!-- 左边菜单 -->
          
            <div class="list box">
                <div class="news-category">
                    <ul>
                        <li>>业内新闻NEWS</li>
                        <li>>媒体报道REPOTRS</li>
                        <li>>其他资料DATE</li>
                        <li>>主要成绩ACHIVEMENT</li>
                        <li>>公司发展THE COMPANY</li>
                    </ul>
                    <div class="icon-phone">
                        <img src="./img/p2/callup.png" alt="">
                    </div>
                    <div class="phone-num1">
                        <img src="./img/p2/0755-25023653.png" alt="">
                    </div>
                    <div class="phone-num2">
                        <img src="./img/p2/0755-25023651.png" alt="">
                    </div>
                    
                </div>

            </div>
    <!-- 主体新闻 -->
            <div class="main-title-left">
                <img src="./img/p2/NEWS.png" alt="">
            </div>
            <div class="main-title-right">
                <img src="./img/p2/业内新闻.png" alt="">
            </div>
            <hr class="spe1">
            <div class="news-content box">
                <div class="topnews">
                    <img src="./img/p2/首页业内新闻.png" alt="">
                </div>
                <div class="DateTime">
                    <img src="./img/p2/更新日期：2015-11-18.png" alt="">
                </div>
                <hr class="spe2">
                <div class="pic1-title">
                    <img src="./img/p2/家庭影院领航者敦冠科技签约三亚温德姆度假酒店.png" alt="">
                </div>
                <div class="pic1-desc">
                    <img src="./img/p2/家庭影院领航者敦冠科技签约三亚大型酒店.再次证明了在敦冠在建设影院行业领导者地位...........png" alt="">
                </div>
                <div class="pic2-desc">
                    <img src="./img/p2/珠海明月山溪地处正在崛起中的高端住宅区——新香洲红门楼片区，项目三面环绕城市龙脉凤凰山麓，西邻规划中全市最大生态公园，南眺.png" alt="">
                </div>
                <div class="pic3-desc">
                    <img src="./img/p2/日本，大阪(2014926)安桥宣布2014年新品网络影音接收机产品TX-NR636，TX-NR737和TX-NR838的.png" alt="">
                </div>
                <div class="pic2-title">
                    <img src="./img/p2/敦冠影音-本月签单珠海凤凰山脚下明月山溪别墅项目.png" alt="">
                </div>
                <div class="pic3-title">
                    <img src="./img/p2/家庭影院功放新品，全面升级杜比全景声.png" alt="">
                </div>
                <div class="pic1">
                    <img src="./img/p2/68u58PICvWg.png" alt="">
                </div>
                <div class="pic2">
                    <img src="./img/p2/74C58PIC8zW.png" alt="">
                </div>
                <div class="pic3">
                    <img src="./img/p2/33q58PICIAm_1024.png" alt="">
                </div>
                <div class="btn">
                    <img src="./img/p2/图层5.png" alt="">
                </div>
            </div> 
            <div class="earphone">
                <img src="./img/p2/图层12.png" alt="">
            </div>
        </div>
         <!-- 底部 -->
         <footer>
            <div class="footer-top">
              <div class="footer-top-content">
                <div class="content-contact">
                  <!-- 左侧二维码 -->
                  <div class="con-qrcode">
                    <div class="qrcode"></div>
                    <div class="qrtext"></div>
                  </div>
                  <!-- 联系方式 -->
                  <div class="con-way">
                    <div class="way-title"></div>
                    <div class="way-phone"></div>
                    <div class="way-email"></div>
                    <div class="way-address"></div>
                  </div>
                </div>
                <!-- 底部右侧反馈 -->
                <div class="content-feedback">
                  <h3><img src="./img/底部/用户反馈：.png" alt=""></h3>
                  <div class="name-email">
                    <div class="name">
                      <input type="text"placeholder="你的名字">
                    </div>
                    <div class="email">
                      <input type="text"placeholder= "你的电子邮箱" >
                    </div>
                  </div>
                  <div class="heading">
                    <input type="text"placeholder="请输入一个标题">
                  </div>
                  <div class="msg-content">
                    <input type="text" placeholder="请输入你要留言的内容">
                  </div>
                  <div class="msg-btn">
                    <button> <a href="">留言</a></button>
                  </div>
                </div>
              </div>
            </div>
            <div class="footer-bottom">
              <!-- 底部版权信息 -->
              <div class="footer-bottom-triangle"></div>
              <div class="bottom-words"></div>
            </div>
          </footer>
    </div>
</body>
</html>